<template>
  <div class="dashboard-container">
    <div class="app-container">
      <div class="tip">
        <p>不同的运营阶段您可以选择不同的设置</p>
      </div>
      <el-tabs type="border-card">
        <el-tab-pane label="基本设置">
          <el-form ref="form" :model="form" label-width="160px">
            <el-form-item label="允许公司名称重复">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949"
              >
              </el-switch>
            </el-form-item>
            <el-form-item label="允许企业充值积分">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949"
              >
              </el-switch>
            </el-form-item>
            <el-form-item label="申请职位间隔时间">
              <el-input placeholder="" style="width: 30%">
                <template slot="append">天</template>
              </el-input>
              <span style="color: #999; margin-left: 10px">
                <i class="el-icon-info"></i>
                申请同一职位的间隔天数，0表示不允许重复申请
              </span>
            </el-form-item>
            <el-form-item label="刷新职位时间间隔">
              <el-input placeholder="" style="width: 30%">
                <template slot="append">分钟</template>
              </el-input>
              <span style="color: #999; margin-left: 10px">
                <i class="el-icon-info"></i>
                刷新同一职位的间隔分钟数，0表示不限制
              </span>
            </el-form-item>
            <el-form-item label="职位列表最大显示条数">
              <el-input placeholder="" style="width: 30%"> </el-input>
              <span style="color: #999; margin-left: 10px">
                <i class="el-icon-info"></i>
                职位列表可展示的职位数量上限，0表示不限制
              </span>
            </el-form-item>
            <el-form-item label="">
              <el-button type="primary">保存</el-button>
            </el-form-item>
          </el-form>
        </el-tab-pane>
        <el-tab-pane label="联系方式">
          <el-form ref="form" :model="form" label-width="200px">
            <el-form-item label="web端查看联系方式条件">
              <el-radio-group v-model="radio">
                <el-radio :label="3">游客</el-radio>
                <el-radio :label="6">已登录</el-radio>
                <el-radio :label="9">已登录有简历</el-radio>
                <el-radio :label="9">备选项</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="移动端查看联系方式条件">
              <el-radio-group v-model="model">
                <el-radio :label="label">游客</el-radio>
                <el-radio :label="label">已登录</el-radio>
                <el-radio :label="label">已登录有简历</el-radio>
                <el-radio :label="label">投递后显示</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="">
              <el-button type="primary">保存</el-button>
            </el-form-item>
          </el-form>
        </el-tab-pane>
        <el-tab-pane label="认证/审核">
          <el-form ref="form" :model="form" label-width="220px">
            <el-form-item label="强制企业认证执照">
              <el-switch
                v-model="model"
                active-color="#13ce66"
                inactive-color="#ff4949"
              ></el-switch>
            </el-form-item>
            <el-form-item label="需要认证项目">
              <el-radio v-model="radio" label="1">营业执照</el-radio>
              <el-radio v-model="radio" label="2"
                >营业执照+经办人身份证+委托函</el-radio
              >
            </el-form-item>
            <el-form-item label="新注册企业显示状态">
              <el-radio v-model="radio" label="1">显示</el-radio>
              <el-radio v-model="radio" label="2">不显示</el-radio>
            </el-form-item>
            <el-form-item label="新注册企业认证状态">
              <el-radio v-model="radio" label="1">待认证</el-radio>
              <el-radio v-model="radio" label="2">认证通过</el-radio>
            </el-form-item>
            <el-form-item label="修改企业资料后认证状态">
              <el-radio v-model="radio" label="1">保持不变</el-radio>
              <el-radio v-model="radio" label="2">重新认证</el-radio>
            </el-form-item>
            <el-form-item label="未认证企业新发布职位审核状态">
              <el-radio v-model="radio" label="1">待审核</el-radio>
              <el-radio v-model="radio" label="2">审核通过</el-radio>
            </el-form-item>
            <el-form-item label="未认证企业修改职位后审核状态">
              <el-radio v-model="radio" label="1">保持不变</el-radio>
              <el-radio v-model="radio" label="2">重新审核</el-radio>
            </el-form-item>
            <el-form-item label="已认证企业新发布职位审核状态">
              <el-radio v-model="radio" label="1">待审核</el-radio>
              <el-radio v-model="radio" label="2">审核通过</el-radio>
            </el-form-item>
            <el-form-item label="已认证企业修改职位后审核状态">
              <el-radio v-model="radio" label="1">保持不变</el-radio>
              <el-radio v-model="radio" label="2">重新审核</el-radio>
            </el-form-item>
            <el-form-item label="">
              <el-button type="primary">保存</el-button>
            </el-form-item>
          </el-form>
        </el-tab-pane>
        <el-tab-pane label="搜索">
          <el-form ref="form" :model="form" label-width="200px">
            <el-form-item label="搜索职位登录限制">
              <el-switch
                v-model="model"
                active-color="#13ce66"
                inactive-color="#ff4949"
              ></el-switch>
            </el-form-item>
            <el-form-item label="搜索职位登录条数限制">
              <el-input placeholder="" style="width: 30%"></el-input>
              <span style="color: #999; margin-left: 10px">
                <i class="el-icon-info"></i>
                未登录会员可以搜索职位条数
              </span>
            </el-form-item>
            <el-form-item label="搜索结果排序方式">
              <el-radio v-model="radio" label="label">按信息关联度排序<i class="el-icon-question"></i></el-radio>
              <el-radio v-model="radio" label="label">按信息时间线排序<i class="el-icon-question"></i></el-radio>
            </el-form-item>
            <el-form-item label="搜索方式">
              <el-radio v-model="radio" label="label">全文搜索<i class="el-icon-question"></i></el-radio>
              <el-radio v-model="radio" label="label">模糊搜索<i class="el-icon-question"></i></el-radio>
            </el-form-item>
            <el-form-item label="">
              <el-button type="primary">保存</el-button>
            </el-form-item>
          </el-form>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.el-input-group__append {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.tip {
  padding: 8px 16px;
  background-color: #fdf6ec;
  border-radius: 4px;
  border-left: 5px solid #f9c77c;
  margin: 0 0 20px;
  p {
    font-size: 14px;
    color: #e6a23c;
    line-height: 1em;
  }
}
</style>
